<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="bootstrap4/dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/nav-bottom.css">
    <script src="bootstrap4/dist/js/jquery.slim.min.js"></script>
    <script src="bootstrap4/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/jquery-3.5.1.js"></script>
    <link rel="stylesheet" href="css/cart.css">
    <script src="js/template-web.js"></script>
    <script src="js/json.js"></script>
    <script src="js/check.js"></script>
    <script src="js/cart.js"></script>
</head>
<body>
<!--无任何购物状况下 购物栏 开始-->
<div class="container-fluid">
    <div class="shop-none text-center" style="margin-top: 5rem">
        <img src="images/cart/empty.png" class="w-25" alt=""><br>
        <span class="text-center">您还没有选购您的商品</span>
    </div>
    <div class="shop-top">
<!--        商品列表，有js生成-->
    </div>

    <div class="shop-bottom row w-100">
        <label class="select-all col-3" style="position: absolute;left: 0"><input type="checkbox" id="check_All">全选</label>
        <div class="col-5" style="position: absolute;top:0;left: 25%;line-height: 4rem">
            应付：
            <span class="red">
                ￥
                <span class="money-all">
                    0
                </span>
            </span>
        </div>
        <a href="javascript:void(0)" style="position: absolute;top:0;left: 75%" class="bgc-red d-block col-3">结算</a>
    </div>
</div>
<!--无任何购物状况下 购物栏 结束-->
<!--底部导航栏 开始-->
<ul class="nav nav-pills nav-fill fixed-bottom" id="footer_nav">
    <li class="nav-item">
        <a class="nav-link" href="index.html">
            <div class="img"></div>
            首页
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="list.html">
            <div class="img"></div>
            列表
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link nav-active" href="javascript:;">
            <div class="img"></div>
            购物袋
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="user.html">
            <div class="img"></div>
            我的
        </a>
    </li>
</ul>
<!--底部导航栏 结束-->
</body>
</html>